﻿@model Busconeitor.Web.Models.QueryModel
@{
    ViewBag.Title = "Search";
}
<div class="container">
    <div class="page-header">
        <h2>
            Search Results
        </h2>
        <p class="text-warning">
            for "@Model.Query"
        </p>
    </div>

    <div id="resultContainer">
        @Html.Partial("_Results", Model)
    </div>

    <ul class="pagination">
        <li id="prev" class="disabled"><a class="prevPage" href="#">«</a></li>
        <li class="active"><a class="numPage" href="#">1</a></li>
        <li><a class="numPage" href="#">2</a></li>
        <li><a class="numPage" href="#">3</a></li>
        <li><a class="numPage" href="#">4</a></li>
        <li><a class="numPage" href="#">5</a></li>
        <li id="next"><a class="nextPage" href="#">»</a></li>
    </ul>
</div>
<script type="text/javascript">
    var paginaActual = 1;
    var ultimaPagina = 5;
    var query = "noel";

    $(document).ready(
        function () {
            $('.prevPage').click(
                function () {
                    if ($('#prev').hasClass('disabled')) {
                        return;
                    } else {
                        var actual = $('ul li.active').removeClass('active');
                        $(actual).prev().addClass('active');
                    }

                    $('#prev, #next').removeClass('disabled');

                    if (paginaActual - 1 == 1) {
                        $('#prev').addClass('disabled');
                    }

                    paginaActual--;
                    GetPage(paginaActual);
                }
            );

            $('.numPage').click(
                function () {
                    var newPage = $(this).html();
                    paginaActual = newPage;
                    GetPage(paginaActual);
                    $('ul li.active').removeClass('active');
                    $(this).parent().addClass('active');
                }
            );

            $('.nextPage').click(
                function () {
                    if ($('#next').hasClass('disabled')) {
                        return;
                    } else {
                        var actual = $('ul li.active').removeClass('active');
                        $(actual).next().addClass('active');
                    }

                    $('#prev, #next').removeClass('disabled');

                    if (paginaActual + 1 == ultimaPagina) {
                        $('#next').addClass('disabled');
                    }

                    paginaActual++;
                    GetPage(paginaActual);
                }
            );
        }
    );
</script>
